<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>

  <button>1</button>
  <button>1</button>
  <button>1</button>
  <button>1</button>
  <button>1</button>
  <button>1</button>

  <script>
    // var btn = document.getElementsByTagName('button');
    // console.log(btn);
    // let arr = [...btn]
    // console.log(arr);

    // 剩余参数
    // function fn(context, ...arg) {
    //   console.log(context)
    //   console.log(arg)
    //   // context 是第一个参数    ...arg是剩余参数  之前勇的arguments
    // }
    // let obj = { name: '哈哈' }
    // fn(obj, 1, 2, 3, 4, 5, 6)

    // let obj = { name: '你好', age: 16, sex: '男' }
    // console.log(obj);
    // //将obj中的一个个键值对提取出来放到 obj1中
    // let obj1 = { ...obj }
    // console.log(obj1)

    // let arr1 = [1, 3, 4, 5], arr2 = [563, 2, 3, 6];
    // //使用...展开运算符处理对象或者数组的时候，需要使用空容器接收
    // let resultArr = [...arr1, 344, ...arr2];
    // console.log(resultArr)

    let show = (...args) => {
      console.log(args);
      //console.log(arguments);
    }
    function show1(arg) {
      console.log(arg);
      console.log(arguments[2]);
    }
    show(1, 2, 3, 4, 5);
    show1(1, 2, 3, 4, 5);
  </script>
</body>

</html>